<template>
<div class="box-title">
    <img :src="obj.img" alt="icon" />
    <div class="text">
        {{ obj.title }}
    </div>
</div>
</template>
<script>

export default {
  name: "boxTitle",
  props: {
    obj: {
      type: Object,
      default: () => {
        return {
          title: 'eee',
          img: require('@/assets/myself_img/icon_hammer.png'),
        }
      },
    },
  },
  data() {
    return {

    };
  },
  mounted() {},
};
</script>
<style lang="scss">
.box-title{
    height: 51px;
    line-height: 51px;
    // background-color: aquamarine;
    img,.text{
        display: inline-block;
        vertical-align: middle;
    }
    img{
        width: 18px;
        height: 18px;
        margin-right: 15px;
    }
    .text{
        font-size: 18px;
        font-family: Alibaba PuHuiTi;
        font-weight: 400;
        color: #393B3C;
        vertical-align: middle;
    }
}
</style>